.bookbody {
  position: relative;
  height: 520px;
  background-color: #fff;
  border-radius: 10px;
  border-top: 2px solid #1493af;
  border-bottom: 2px solid #1493af;
  padding: 10px 15px;
  margin-top: 5px;
}
.bookbody .bodyLeft {
  width: 400px;
  border-radius: 10px;
  height: 400px;
  border-right: 2px solid #8b8b8b;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  text-align: center;
  line-height: 350px;
}
.bookbody .bodyLeft .bookpic img {
  width: 220px;
}
.bookbody .bodyLeft h2 {
  position: absolute;
  width: 300px;
  height: 80px;
  line-height: 100px;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 2px dashed #1493af;
  font-size: 24px;
}
.bookbody .bodyRigth {
  width: 670px;
  border-radius: 10px;
  height: 400px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  left: 480px;
}
.bookbody .bodyRigth div {
  margin-top: 10px;
}
.bookbody .bodyRigth div span:first-child {
  display: inline-block;
  color: #999;
  font-size: 12px;
  width: 100px;
}
.bookbody .bodyRigth .author a {
  font-size: 12px;
}
.bookbody .bodyRigth .author a:hover {
  color: #1493af;
}
.bookbody .bodyRigth .price span:nth-child(2) {
  display: inline-block;
  font-size: 18px;
  width: 25px;
  color: #1493af;
}
.bookbody .bodyRigth .price span:nth-child(3) {
  display: inline-block;
  font-size: 24px;
  width: 25px;
  color: #1493af;
}
.bookbody .bodyRigth .classify {
  height: 50px;
  line-height: 50px;
}
.bookbody .bodyRigth .classify .classifyname {
  display: inline-block;
  text-align: center;
  line-height: 23px;
  width: 34px;
  height: 24px;
  border: 2px solid #999;
}
.bookbody .bodyRigth .num input {
  width: 50px;
  height: 30px;
}
.bookbody .bodyRigth .num .upun {
  position: relative;
  display: inline-block;
}
.bookbody .bodyRigth .num .upun .glyphicon-chevron-up {
  position: absolute;
  bottom: 15px;
  right: -25px;
}
.bookbody .bodyRigth .num .upun .glyphicon-chevron-down {
  position: absolute;
  right: -25px;
  top: 15px;
}
.bookbody .bodyRigth .num .upun a:hover {
  color: #1493af;
}
.bookbody .bodyRigth .toOrderCar {
  margin-top: 50px;
  margin-left: 40px;
}
.bookbody .bodyRigth .toOrderCar button {
  width: 200px;
  height: 40px;
  border-radius: 10px;
  transition: all 0.4s;
}
.bookbody .bodyRigth .toOrderCar button:hover {
  background-color: #1493af;
  color: #fff;
}
.bookbody .bodyRigth .bookname {
  height: 30px;
  font-size: 16px;
  font-weight: 700;
}
.bookbody .bodyRigth .price {
  width: 70%;
  height: 60px;
  border-radius: 10px;
  border-top: 2px dashed #1493af;
  border-bottom: 2px dashed #1493af;
  line-height: 60px;
}
footer {
  margin-top: 10px;
  width: 100%;
  height: 50px;
  background-color: #fff;
}
